<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="360-site-verification" content="7e7ab00739878ef30d6f788f1a239671" />
    <meta name="sogou_site_verification" content="ymWqbG1QZZ"/>
    <title>壹脉-AI智能名片小程序|微信营销名片|人工智能名片|如何引流</title>
    <link rel="icon" href="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/bitbug_favicon.ico"
          type="image/x-icon" />
    <link rel="stylesheet" href="Static/css/font-awesome.min.css">
    <link rel="stylesheet" href="Static/css/element-ui.css">
    <link href="Static/css/jquery.easy_slides.css" rel="stylesheet">
    <script src="Src/js/jquery-1.11.0.min.js"></script>
    <link rel="stylesheet" href="Static/css/bootstrap.min.css">
    <link rel="stylesheet" href="Static/css/comment.css">
    <!--<link rel="stylesheet" href="Static/css/product.css">-->
    <!--<link rel="stylesheet" href="../../Static/css/news.css">-->
</head>

<body>
<div id="app" v-cloak>
    <!-- 导航栏 -->
    <nav class="navbar navbar-default" id="nav">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/logo.png" alt="壹立科技">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="menu"><a href="index.html">首页</a></li>
                    <li class="menu">
                        <a href="product.html">产品介绍</a>
                        <div class="menu-list2">
                            <div class="menu-list2-left">
                                <div class="menu-list2-left-top">
                                    <a class="left-bar-pr-li2" href="#"
                                       style="border-right:1px solid #35373D;border-bottom:1px solid #35373D;text-decoration: none">
                                        <p>壹脉智能名片</p>
                                        <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                                    </a>
                                    <a class="left-bar-pr-li2" href="#" style="border-bottom:1px solid #35373D;text-decoration: none">
                                        <p>趣来智慧跑腿系统</p>
                                        <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                                    </a>
                                </div>
                                <div class="menu-list2-left-top">
                                    <a class="left-bar-pr-li2" href="#" style="border-right:1px solid #35373D;text-decoration: none">
                                        <p>那年那食</p>
                                        <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                                    </a>
                                    <a class="left-bar-pr-li2" href="#" style="text-decoration: none">
                                        <p>社区团购</p>
                                        <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="menu"><a href="software.html">软件定制</a></li>
                    <li class="menu Menu-case"><a href="./case.html">客户案例</a></li>
                    <li class="menu"><a href="./news.html" class="meuActiev">新闻动态</a></li>
                    <li class="menu"><a href="./about.html">关于壹立</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <!-- 轮播 -->
    <div id="banner" class="overlay">
        <div>
            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/news-back.png"
                 style="display: inline-block;max-width: 100%;min-height: 300px">
        </div>
        <!--<el-carousel trigger="click" height="62.5rem" indicator-position="none" arrow="never"  class="parallax">-->
        <!--<el-carousel-item style="padding:0">-->
        <!--<img :src="bannerList[6]" alt="壹立科技" width="100%" height="100%" >-->
        <!--</el-carousel-item>-->
        <!--</el-carousel>-->
        <div class="banner-product">
            <h3 class="banner-product-two">追踪全行业最新动态，了解科技发展新风向</h3>
            <a href="trial.html" class="banner-product-btn">立即申请 +</a>
        </div>
    </div>

    <!-- 侧边栏 -->
    <div id="left-bar">
        <div class="left-bar-p left-bar-qq" style="padding:0">
            <a class="backTop" href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes">QQ</a>
        </div>
        <div class="left-bar-p left-bar-phone">
            热线
            <p class="phone-num">
                <span class="phone-num-bg">028-63853204</span>
                <span class="phone-num-sm">17721872191&nbsp;&nbsp;&nbsp;18081916514</span>
            </p>
        </div>
        <div class="left-bar-p left-bar-weichat">
            微信
            <p class="weichat">
                <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/weima.png" alt="官方微信" width="90%"
                     height="90%">
                <span class="weichat-p">微信扫一扫立即咨询</span>
            </p>
        </div>
        <div class="left-bar-p left-bar-chanpin">
            产品
            <div class="left-bar-product">
                <div class="menu-list2-left-top">
                    <a class="left-bar-pr-li2" href="#">
                        <p>壹脉智能名片</p>
                        <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                    </a>
                    <a class="left-bar-pr-li2" href="#"
                       style="border-bottom:1px solid #35373D;">
                        <p>趣来智慧跑腿系统</p>
                        <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                    </a>
                </div>
                <div class="menu-list2-left-top">
                    <a class="left-bar-pr-li2" href="#"
                       style="border-right:1px solid #35373D;">
                        <p>那年那食</p>
                        <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                    </a>
                    <a class="left-bar-pr-li2" href="#">

                        <p>社区团购</p>
                        <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>

                    </a>
                </div>
            </div>
        </div>
        <div class="left-bar-p left-bar-top" style="padding:0">
            <a class="backTop" href="#banner"></a>
        </div>
    </div>

    <!-- 新闻详情 -->
    <div class=" container">
        <div id="news-container">
            <div class="news-top">
                <p class="news-top-p1">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/home.png" alt="新闻">
                    <a class="news-link" href="index.html">首页</a>-
                    <a class="news-link" href="./news.html">新闻动态</a>-
                    <span class="news-now">新闻详情</span>
                </p>
                <p class="news-top-p2">{{newTit}}</p>
                <p class="news-top-p3">{{time | formatDate('yyyy.MM.dd')}}</p>
            </div>
            <div class="news-content" v-html="newsDetail">

            </div>
            <div class="other-new-contaier">
                <a class="other-new other-new2" :href="'./newsDetail.html?id='+prveId">{{prveNewstit}}</a>
                <a class="other-new" :href="'./newsDetail.html?id='+nextId">{{nextNewstit}}</a>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="container foot-ui">
            <div class="footer-left">
                <p class="footer-left-tit">咨询热线：028-63853204 </p>
                <p class="footer-left-tit2" style="padding-top:15px"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/phone.png" alt=""
                        style="margin-right:8px">17721872191&nbsp;&nbsp;&nbsp;18081916514</p>
                <p class="footer-left-tit2"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/email.png" alt=""
                        style="margin-right:8px">yiliit@163.com
                </p>
                <p class="footer-left-tit2"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/address.png" alt=""
                        style="margin-right:8px">成都市高新区天府二街蜀都中心二期1号楼4单元8层806号</p>
                <a href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes" class="Consultation  footer-left-qq" >
                    <img style="margin-bottom:3px"
                         src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="">
                    <span style="font-size: 12px;color: #43464E">在线咨询</span>
                </a>
                <a  href="http://wpa.qq.com/msgrd?v=3&uin=1115238556&site=qq&menu=yes" class="phoneConsul footer-left-qq">
                    <img style="margin-bottom:3px"
                         src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="">
                    <span style="font-size: 12px;color: #43464E">在线咨询</span>
                </a>
            </div>
            <div class="footer-right">
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">官方微信</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><img
                            src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma.png" alt="" width="72px"
                            height="72px"></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">关注我们</li>
                    <li class="footer-right-list" style="margin-top: 1rem">
                        <a href="#" class="footer-hover">
                            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/wei.png" alt=""
                                 width="30px">
                            <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma3.png"
                                 class="footer-hover-img">
                        </a></li>
                    <li class="footer-right-list"><a href="#" class="footer-hover">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/tou.png" alt=""
                             width="30px">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma2.png"
                             class="footer-hover-img">
                    </a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">关于我们</li>
                    <li class="footer-right-list" style="margin-top: 1rem">
                        <a href="./about.html" class="footer-right-list-a">关于壹立</a>
                    </li>
                    <li class="footer-right-list"><a href="#" class="footer-right-list-a">加入我们</a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">相关产品</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><a href="/" class="footer-right-list-a">趣来智慧跑腿系统</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">趣来智慧团购系统</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">壹脉AI智能名片</a></li>
                    <li class="footer-right-list"><a href="/" class="footer-right-list-a">那年那食</a></li>
                </ul>
                <ul class="footer-right-ul">
                    <li class="footer-right-tit">友情链接</li>
                    <li class="footer-right-list" style="margin-top: 1rem"><a href="/"
                                                                              class="footer-right-list-a">壹立科技</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="foot-bottom">
        Copyright 2018 yiliit.com 成都壹立科技有限公司 © 蜀ICP备19002747号-1
    </div>

</div>
<script src="./Src/bootstrap.min.js"></script>
<script src="./Src/js/jquery.easy_slides.js"></script>
<script src="./Src/js/vue.min.js"></script>
<script src="./Src/js/element-UI.js"></script>
<!--<script src="Src/js/skroll.min.js"></script>-->
<script src="./Static/localData/data.js"></script>
<script>
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        $(".Consultation").css("display","none");
        $(".phoneConsul").css("display","block");

    } else {
        $(".Consultation").css("display","block");
        $(".phoneConsul").css("display","none");
    }
    window.onscroll = function () {
        //变量t是滚动条滚动时，距离顶部的距离
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        var scrollup = document.getElementById('nav');
        if (t == 0) {
            scrollup.style.background = "none";
        } else {          //恢复正常
            scrollup.style.background = "#35373D";
        }
        ;
    }

    $('.slider_four_in_line').EasySlides({
        'autoplay': true,
        'show': 9,
        'timeout': 5000,
        'stepbystep': false,
    })

    new Vue({
        el: "#app",
        data: {
            id: location.search.substring(1).split('=')[1],
            menuList: '',
            bannerList: '',
            newsDetail: '',//新闻详情信息
            nextNewstit: '',//下一页标题
            prveNewstit: '',//上一页标题
            newTit: '',
            nextId: '',
            prveId: '',
            img: '',
            time: '',
        },
        mounted: function () {
            // var id = location.search.substring(1);
            // var Airways = id.substring(id.indexOf('=') + 1).toUpperCase();
            var r = this;
            // r.bannerList = data.bannerList;
            // r.menuList = data.menuList;
            // r.newsDetail = data.newsList[Airways].details;
            // r.newTit = data.newsList[Airways].title;
            // r.time = "发布于" + data.newsList[Airways].time[1] + "." + data.newsList[Airways].time[0].substring(0, data.newsList[Airways].time[0].length - 1)
            // var idnum = Number(Airways);
            // if (idnum - 1 >= 0) {
            //     r.prveNewstit = "上一篇：" + data.newsList[idnum - 1].title;
            //     r.prveId = idnum - 1;
            // } else {
            //     r.prveNewstit = "已经是最前了";
            //     r.prveId = idnum
            // };
            // console.log(idnum + 1)
            // if (idnum + 1 < data.newsList.length) {
            //     r.nextNewstit ="下一篇："+ data.newsList[idnum+1].title;
            //     r.nextId = idnum + 1;
            // } else {
            //     r.nextNewstit = "已经是最后了";
            //     r.nextId = Airways;
            // }

            this.getNewsInfo();
            this.getOtherNews();

            /* 分享組件 */
        },
        methods:{
            createShare(title, img){
                window._bd_share_config = {
                    common: {
                        bdText: title+"壹立科技-新闻详情",
                        bdDesc: '好新闻，分享给你',
                        bdUrl: location.href,
                        bdPic: img
                    },
                    share: [{
                        "bdSize": 16
                    }],
                    slide: [{
                        bdImg: 0,
                        bdPos: "right",
                        bdTop: 100
                    }],
                    image: [{
                        viewType: 'list',
                        viewPos: 'top',
                        viewColor: 'black',
                        viewSize: '16',
                        viewList: ['qzone', 'tsina', 'huaban', 'tqq', 'renren']
                    }],
                    selectShare: [{
                        "bdselectMiniList": ['qzone', 'tqq', 'kaixin001', 'bdxc', 'tqf']
                    }]
                }
                with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
            },
            getNewsInfo(){
                let _this = this;

                $.post('http://47.103.35.220:801/company/getCompanyNewsInfo',{
                    newsType: 1,
                    newsId: this.id,
                }, function (res) {
                    _this.newsDetail = res.data.newsContent;
                    _this.newTit = res.data.newsTitle;
                    _this.time = res.data.createTime;
                    _this.createShare(_this.newTit, res.data.newsPhotos);
                });
            },
            getOtherNews(){
                let _this = this;
                $.post('http://47.103.35.220:801/company/selectLastCompanyNewsInfo',{
                    newsType: 1,
                    newsId: this.id,
                }, function (res) {
                    if (res.data.endModel) {
                        _this.nextNewstit= '下一篇：'+res.data.endModel.newsTitle;
                        _this.nextId= res.data.endModel.newsId;
                    }else{
                        _this.nextNewstit= '已经是最后了';
                        _this.nextId= _this.id;
                    }

                    if (res.data.startModel) {
                        _this.prveNewstit='上一篇：' + res.data.startModel.newsTitle;
                        _this.prveId= res.data.startModel.newsId;
                    }else{
                        _this.prveNewstit= '已经是最前了';
                        _this.prveId= _this.id;
                    }
                });
            },
        },
        filters: {
            formatDate(date, fmt){
                if (!date) return '';

                date = date instanceof Date ? date : new Date(date);

                let o = {
                    "M+" : date.getMonth()+1,                 //月份
                    "d+" : date.getDate(),                    //日
                    "h+" : date.getHours(),                   //小时
                    "m+" : date.getMinutes(),                 //分
                    "s+" : date.getSeconds(),                 //秒
                    "q+" : Math.floor((date.getMonth()+3)/3), //季度
                    "S"  : date.getMilliseconds()             //毫秒
                };
                if(/(y+)/.test(fmt))
                    fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
                for(let k in o)
                    if(new RegExp("("+ k +")").test(fmt))
                        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
                return fmt;
            },
        }
    })
</script>
<script>
    (function(){
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?d0e8eceff2815d073911ecc3dc9ee785":"https://jspassport.ssl.qhimg.com/11.0.1.js?d0e8eceff2815d073911ecc3dc9ee785";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
</body>

</html>